.body{
	background: url(../../images/bg-min.png);
	width: 100%;
	height: 100%;
}

.topHeader {
	display: flex;
	justify-content:center;
	align-items:center;

	height: 70px;
    background: url(../images/header.png);
    background-size: 100% 70px;
    font-family: Microsoft YaHei;
	color: white;
	
	position: absolute;
    z-index: 5000;
    width: 100%;
}

.bodyContent {
	justify-content: center;
	height: calc(100% - 90px);
	margin:10px 15px;
	grid-gap: 15px;
	margin-top: 80px;
}

.top-pageLogo {
	font-size: 22px;
	left: 22px; 
	top: 7px; 
	position: absolute; 
}

.top-pageName {
	font-size: 28px;
	font-weight: bold;
	text-shadow: #060606 0.2em 0.2em 0.2em;
	
}

.top-homebar {
	position: absolute;
	right: 10px;
	color: whitesmoke;
	top: 22px;
	cursor: pointer;
}
/* 棣栭〉 */
.nav-home,.nav-map{
	position: relative;
	font-size: 1.2em;
	margin: auto 10px;
}
.nav-home::before,.nav-map::after{
	position: absolute;
	content:'';
	display: block;
	width: 18px;
	height: 18px;
	background-image:url('./../../images/home.png');
	background-size:18px 18px;
	left: -20px;
	top: 3px;
}
.nav-home::before{
	background-image:url('./../../images/home.png');
}
/* 鍦板浘 */
.nav-map::after{
	background-image:url('./../../images/map.png');
}
/* 鐧诲綍鍜屾敞鍐屾寜閽�*/
.log-btn-group{
	position: absolute;
	top: -20px;
	right: 0;
}
.log-btn{
	display: inline-block;
	width: 60px;
	height: 20px;
	font-size: 0.8em;
	border: 1px solid #70BFEA;
	border-radius: 3px;
	text-align: center;
}
.log-btn:hover{
	background:#70BFEA;
	transition: background .3s;
}

.wrapper {
	display: grid;
	grid-template-columns:  repeat(3, 1fr);
	grid-template-rows:  repeat(3, 1fr) ;
}
.chartHeader{
	height: 20px;
    color: #6fcae9;
    margin-left: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* 闆疯揪鍥�*/
.radarContent{
	position: absolute;
	width: 200px;
	height: 200px;
	top: 30px;
	left: 0;
}
.chartContent{
	height: 100%;
}
.chart1 {
	grid-column: 1;
	grid-row: 1;
}

.chart2 {
	grid-column: 1;
	grid-row: 2;
}

.chart3 {
	grid-row: 3;
	grid-column: 1;
}

.chart4 {
	position: relative;
	grid-column: 2;
	grid-row: 1/3;
}

.chart5 {
	grid-column: 2;
	grid-row: 3;
}

.chart6 {
	grid-column: 3;
	grid-row: 1;
}

.chart7 {
	grid-column: 3;
	grid-row: 2;
}

.chart8 {
	grid-column: 3;
	grid-row: 3;
	color:white;
}

.agriView{
	height: 100%;
    padding: 10px;
    margin-left: 35%;
	
}
.agriView span{
	text-align: center;
	width: 100%;
	display: inline-block;
}
.agriPic{
	background: url(../../images/vegetables_u440.png) no-repeat;
	height: calc(100% - 20px);
    background-size: 100%;
}

.agriLand{
	height: 100%;
    width: 35%;
	padding: 10px;
	position: absolute;
}
.agriLand span{
	height:20px;
}
.agriLand table{
	width: 100%;
	text-align: center;
	
}
.agriLand table tr{
	cursor: pointer;
	border:1px solid white;
}


.boxBorder{
	height:calc(100% - 30px);
    background: linear-gradient(to left, #3b6188, #3b6188) left top no-repeat, 
                linear-gradient(to bottom, #3b6188, #3b6188) left top no-repeat, 
                linear-gradient(to left, #3b6188, #3b6188) right top no-repeat,
                linear-gradient(to bottom, #3b6188, #3b6188) right top no-repeat, 
                linear-gradient(to left, #3b6188, #3b6188) left bottom no-repeat,
                linear-gradient(to bottom, #3b6188, #3b6188) left bottom no-repeat,
                linear-gradient(to left, #3b6188, #3b6188) right bottom no-repeat,
                linear-gradient(to left, #3b6188, #3b6188) right bottom no-repeat;
	background-size: 2px 10px, 10px 2px, 2px 10px, 10px 2px;  
	border: 1px solid #2f436f;
}

.agriLandtb td{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}